<template>
  <div class="aichat-container aichat-page">
    <Card class="full-height-card" :fullSize="true" :bordered="false">
      <template #default>
        <AIChat />
      </template>
    </Card>
  </div>
</template>

<script setup>
import Card from '../components/Card/index.vue';
import AIChat from '../components/AIChat/index.vue';
</script>

<style scoped>
.aichat-container {
  padding: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.full-height-card {
  flex: 1;
  height: 100%;
  margin: 0;
}
</style> 